/**
 * Dear programmer:
 * When I wrote this code, only god and I knew how it worked.
 * Now, only god knows it!
 *
 * @author: Pegasus  Date: 2018/11/24 Time: 01:09
 */

import {StyleSheet} from 'react-native';
import {COLOR_THEME, COLOR_WHITE, FONT_COLOR_SUB_TITLE, FONT_COLOR_TITLE, FONT_SIZE_14, FONT_SIZE_SUB_TITLE, FONT_SIZE_TITLE} from "../../../constant/PHColors"
import {SCREEN_WIDTH} from "../../../constant/PHScreen"

export const styles = StyleSheet.create({

  containerBackground: {
    flex: 1
  },

  scroll: {
    position: 'absolute',
    top: 0,
    left: 0,
    right: 0,
    bottom: 0,
    flex: 1,
    backgroundColor: 'transparent'
  },

  top: {
    backgroundColor: COLOR_WHITE,
    height: 220
  },

  topTop: {
    height: 30,
    flexDirection: 'row',
    justifyContent: 'flex-end',
    alignItems: 'center',
  },

  topTopDateText: {
    fontSize: FONT_SIZE_14,
    color: 'rgba(255, 255, 255, 0.7)'
  },

  topTopChangeText: {
    fontSize: FONT_SIZE_14,
    color: COLOR_WHITE
  },

  topCenter: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center'
  },

  pointNumberText: {
    fontSize: 68,
    color: COLOR_WHITE
  },

  pointText: {
    fontSize: 18,
    color: COLOR_WHITE
  },

  infoText: {
    fontSize: 14,
    color: 'rgba(255, 255, 255, 0.7)'
  },

  infoTextTheme: {
    fontSize: 14,
    color: COLOR_WHITE
  },

  cellBoxLeft: {
    height: 80,
    width: SCREEN_WIDTH / 2,
    flexDirection: 'row',
    backgroundColor: COLOR_WHITE,
    borderColor: '#FAFAFA',
    borderLeftWidth: 10,
    borderTopWidth: 5,
    borderRightWidth: 5,
    borderBottomWidth: 5
  },

  cellBoxRight: {
    height: 80,
    width: SCREEN_WIDTH / 2,
    flexDirection: 'row',
    backgroundColor: COLOR_WHITE,
    borderColor: '#FAFAFA',
    borderLeftWidth: 5,
    borderTopWidth: 5,
    borderBottomWidth: 5,
    borderRightWidth: 10
  },

  cellLeft: {
    width: 48,
    justifyContent: 'center',
    alignItems: 'flex-end',
    borderTopLeftRadius: 5,
    borderBottomLeftRadius: 5
  },

  cellRight: {
    flex: 1,
    marginLeft: 10
  },

  cellRightTop: {
    flex: 1,
    justifyContent: 'flex-end',
    alignItems: 'flex-start',
    borderTopRightRadius: 5
  },

  cellRightBottom: {
    flex: 1,
    justifyContent: 'flex-start',
    alignItems: 'flex-start',
    borderBottomRightRadius: 5
  },

  cellTitleText: {
    fontSize: FONT_SIZE_TITLE,
    color: FONT_COLOR_TITLE,
    marginBottom: 4
  },

  cellSubTitleText: {
    fontSize: FONT_SIZE_SUB_TITLE,
    color: FONT_COLOR_SUB_TITLE,
    marginTop: 4
  },

  cellImage: {
    width: 28,
    height: 28
  }
});